/* 全局 */
* {margin: 0;padding: 0;}
body,table,input,textarea,select {font-family:微软雅黑,Verdana,sans-serif,宋体;}
a {color: #3E62A6;outline: 0;}
a:hover {color: #C00;}

ul,ol {	list-style-type: none; }

img { border: 0; }

body {
	background: #F9F9F9;
	text-align: center;
	font-size: 9pt;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 0;
}

.error_msg {color:#c00;}
.ok_msg {color:#40AA53;}

#OSC_Screen {
	width: 998px;
	margin: 0 auto;
	text-align: left;
	padding: 0 4px;
	margin-bottom: 50px;
}

#OSC_NavTop {
	font-size: 10pt;
	height: 20px;
	line-height: 20px;
	margin: 3px 0 20px 0;
}

#OSC_NavTop a {
	text-decoration: none;
	color: #080
}

#OSC_NavTop a:hover {
	background: #080;
	color: #fff;
}

#OSC_NavTop #OSC_Channels {
	float: left;
}

#OSC_NavTop #OSC_Channels ul {
	
}

#OSC_NavTop #OSC_Channels ul li.item {
	float: left;
	margin: 0 16px 0 0;
	line-height: 20px;
}

#OSC_NavTop #OSC_Channels ul li a.hl {
	font-weight: bold;
}

#OSC_NavTop #OSC_Userbar {
	float: right;
	color: #999;
}
#OSC_NavTop #OSC_Userbar em {font-style:normal;color:#000;margin-right:2px;}

#OSC_Banner {
	overflow: hidden;
    width: 100%;
	margin:0 0 25px 0;
}

#OSC_Banner .Logo {
	float: left;
	text-indent:-999px;
	width: 160px;
	height: 48px;
	border-right: 2px solid #eee;
	padding-right:4px;
	background:url('img/logo_s2.gif') no-repeat 0 0;
}

#OSC_Banner h1 {
	font-size: 20pt;
	font-weight:normal;
	color: #40AA53;
	float: left;
	line-height: 50px;
	height:50px;
	margin: 20px 0 0 12px;
}
#OSC_Banner h1 a {text-decoration:none;color: #40AA53;}

#OSC_Banner dl {float:left;margin:8px 0 0 20px;color:#666;}
#OSC_Banner dl dt {line-height:16px;}
#OSC_Banner dl dt em {font-style:normal;color:#A00;font-weight:bold;}
#OSC_Banner dl a {text-decoration:none;}

#OSC_Banner .search {float:right;margin:8px 0 0 0;overflow:hidden;}
#OSC_Banner .search .TXT {float:left;font-size:10.5pt;width:228px;height:30px;border:1px solid #40AA53;padding:0 10px;-webkit-appearance: none;border-radius: 0;}
#OSC_Banner .search .BTN {float:left;font-size:10.5pt;color:#999;background:#40AA53;border:0;color:#fff;height:32px;padding:0 10px;cursor: pointer;}
#OSC_Banner .search .BTN:hover{background-color: #35a266;}

/* 底部版权 */
#OSC_Footer {
	margin-top: 280px;
	padding-bottom: 50px;
	height: 38px;
	line-height: 38px;
	border-top: 2px solid #CCCCCC;
	color: #737573;
	text-align: center;
}

.NoData {text-align:center;padding:20px 0;color:#999;}

/* 文本内容格式化 */
.TextContent {line-height:1.6;}
.TextContent pre {margin:10px 0;font-size:9pt;font-family:Courier New,Arial;border:1px solid #ddd;border-left:5px solid #6CE26C;background:#f6f6f6;padding:5px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
.TextContent code {margin: 0 2px;padding: 0 5px;white-space: nowrap;border: 1px solid #DDD;background-color: #F6F6F6;border-radius: 3px;}
.TextContent pre>code {margin: 0;padding: 0;white-space: pre;border: none;background: transparent;}
.TextContent pre code{background-color: transparent;border: none;}
.TextContent blockquote {margin:15px 10px;border:2px solid #eee;padding:5px 5px 5px 35px;background:#f4f5f7 url('/img/blockquote.gif') no-repeat left top;color:#060;font-size:9pt;}
.TextContent ol,.TextContent ul {margin:20px 0 20px 20px;list-style-position: inside;}
.TextContent ol{list-style-type:decimal;margin: 0.5em 0 0.5em 1.5em;}
.TextContent ul{list-style-type:disc;margin: 0.5em 0 0.5em 1.5em;}
.TextContent p{margin-bottom:15pt;}
.TextContent img{max-width: 640px;}
.TextContent h1,.TextContent h2,.TextContent h3 {margin-bottom:10pt;}
.TextContent h1 {font-size:16pt;}
.TextContent h2 {font-size:14pt;}
.TextContent h3 {font-size:12pt;}

.TextContent div.ref {border:1px solid #ddd;margin:0 0 10px 0;padding:2px;font-size:9pt;background:#FFFEC8;}
.TextContent div.ref h4 {margin:0;padding:1px 3px;background:#CC9966;color:#fff;font-size:10pt;}
.TextContent div.ref p {margin:0;padding:2px;line-height:20px;color:#666;font-size:9pt;}
.TextContent div.ref p img {display:none;width:0;height:0;}

/* 右侧框框 */
.RightBlock{margin:0 0 40px 0; overflow:hidden;}

.RightTitle{margin:0 0 20px 0;font-size:18px;color:#40AA53;font-weight:normal;display:block;}
.RightTitle span{float:right;font-size:12px;line-height:30px;}
.RightTitle a,.RightBlock a{text-decoration:none;}


/* paging */
.pager {
	overflow: hidden;
}

.pager li {
	float: left;
	margin: 0 5px 0 0;
}

.pager li a {
	font-family: Courier New, Arial;
	font-size: 12pt;
	color: #58595b;
	background-color: #f2f2f2;
	display: block;
	text-align: center;
	padding: 3px 6px;
	text-decoration: none;
}

.pager li a:hover {
	color: #000;
}

.pager li.prev a {
	background-color: #ccc;
	color: #666;
}

.pager li.next a {
	background-color: #ccc;
	color: #666;
}

.pager li.current a {
	color: #fff;
	font-weight: bold;
	border: 0;
	background: #58595b;
}

/*下拉菜单*/
.control_select {
	position: relative;
	background: url('/img/down1.gif') no-repeat right 9px;
	padding-right: 8px;
	cursor: pointer;
	height: 25px;
	display: inline-block;
	z-index: 1001;
}

.control_select ul.cs_content {
	display: none;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 22px;
	width: 110px;
	z-index: 9999;
	background: white;
	border: 1px solid #CCC;
	padding: 5px 0 2px 5px;
	font-size: 9pt;
	list-style-type: none;
}

.control_select ul.cs_content li {
	border: 0;
	height: 16px;
	margin-bottom: 8px;
}

#OSC_NavTop .control_select ul.cs_content li a:hover {font-weight:bold;background:#fff;color:#A00}

.control_select ul.cs_myspace li {
	background-image: url('/img/icons_1.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
}

.control_select ul.cs_myspace li:hover {
	background-image: url('/img/icons_2.gif');
	background-repeat: no-repeat;
}

.control_select ul.cs_myspace .msg_ {
	background-position: 0 0;
}

.control_select ul.cs_myspace .discuss_ {
	background-position: 0 -16px;
}

.control_select ul.cs_myspace .code_ {
	background-position: 0 -32px;
}

.control_select ul.cs_myspace .blog_ {
	background-position: 0 -48px;
}

.control_select ul.cs_myspace .friends_ {
	background-position: 0 -64px;
}

.control_select ul.cs_myspace .favorites_ {
	background-position: 0 -82px;
}

.control_select ul.cs_myspace .profile_ {
	background-position: 0 -98px;
}

.control_select ul.cs_myspace .portrait_ {
	background-position: 0 -114px;
}

.control_select ul.cs_mobile {
	width: 130px;
}

.control_select ul.cs_mobile .android_ {
	background: url('../img/android.gif') no-repeat left center;
	background-size: 12px 16px;
	padding-left: 20px;
}

.control_select ul.cs_mobile .ios_ {
	background: url('../img/iphone.gif') no-repeat left center;
	background-size: 12px 16px;
	padding-left: 20px;
}

.control_select ul.cs_mobile .wp7_ {
	background: url('../img/wp7.gif') no-repeat left center;
	background-size: 12px 16px;
	padding-left: 20px;
}

.panel {
    border: 1px solid #eee;
    overflow:hidden;
    /*
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    */
}
.panel .header, .panel .tabs {
    background: #eee;
    /*
    background: -moz-linear-gradient(#FCFCFC, #ECECEC);
    background: -webkit-linear-gradient(#FCFCFC, #ECECEC);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = 'true', startColorstr = #FCFCFC, endColorstr = #ECECEC) color:#FCFCFC;
    */
    color: #080;
    font-size: 12pt;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    _height: 1%;
}
.panel .header {padding: 0 10px;}
.panel .tabs {padding-right:10px;}
.panel .header .desc, .panel .tabs .desc {font-size:10pt;margin-left:20px;color:#666;}
.panel .header a,.panel .tabs a {text-decoration:none;color: #080;}
.panel .header .more, .panel .tabs .more {
    float: right;
    font-size: 10pt;
    font-weight: normal;
    color: #3E62A6;
}
.panel .header a.more:hover, .panel .tabs a.more:hover {text-decoration: none;}
.panel .header a.selected {color:#A00;}
.panel .pager {margin:10px;}

.panel .tabs ul {overflow:hidden;float:left;}
.panel .tabs ul li {float:left;}
.panel .tabs ul li a {display:block;padding:0 10px;}
.panel .tabs ul li a.active {background:#557DBA;color:#fff;}

input.BUTTON {height:25px;line-height:25px;padding:0 3px;}
a.rndbutton {
    background:#5CC26F;
    color:#fff;
    text-decoration:none;
    height:30px;
    float:left;
    margin:0;
    border:0px solid #000;
    font-weight:bold;
    cursor:pointer;
}
a.rndbutton:hover {
    background-position: left -30px;
    background-color:#40ab54;
}
a.rndbutton span {
    color:#fff;
    float:left;
    margin:0 0 0 12px;
    padding:0 12px 0 0;
    height:30px;
    line-height:28px;
}
input.rndbutton {
    background:#5CC26F;
    color:#fff;
    height:30px;
    border:0px solid #000;
    cursor:pointer;
}
input.rndbutton:hover {
    background-color:#40ab54;
}

a.tag {
	background-color: #E0EAF1;
    border-bottom: 1px solid #3E6D8E;
    border-right: 1px solid #7F9FB6;
	-webkit-text-size-adjust:none;
    color: #3E6D8E;
    font-size: 8pt;
    line-height: 2.4;
    margin: 2px 2px 2px 0;
    padding: 2px 4px;
    text-decoration: none;
    white-space: nowrap;
}
a.tag em {font-style:normal;color:#666;font-size:7pt; margin-left:2px;}
a.tag:hover {background-color:#3E6D8E;color:#fff;}
a.tag:hover em {color:#fff;}
.Tags a.project {background-color: #cfc; color:#060;}
.Tags a.project:hover {background-color:#40AA53;color:#fff;}


#OSC_Footer {border:0;}
#user_page {
	font-size:10pt;
	overflow:hidden;
	background:#fff;
	border:1px solid #ddd;
	padding:20px;
}
#user_page #form_user {float:left;width:650px;}
#user_page #form_user h2 {font-size:16pt;font-weight:normal;color:#333;border-bottom:2px solid #ddd;margin:0 50px 0 0;padding-bottom:10px;}

#OSChinaLoginTip {margin:40px 0 20px 0;color:#060;}
#OSChinaLoginTip ul {overflow:hidden;margin:15px 0 0 0;}
#OSChinaLoginTip ul li {float:left; width:100px;}
#OSChinaLoginTip ul li#openid_gmail img {margin-top:8px;}
#OSChinaLoginTip ul li#openid_yahoo img {margin-top:15px;}
#OSChinaLoginTip ul li#openid_msn img {}
#OSChinaLoginTip ul li#openid_github img {margin-top:8px;}
#OSChinaLoginTip ul li#openid_sina img {margin-top:8px;}

#user_page #login_tip {float:right;width:300px;font-size:10.5pt;color:#666;}
#user_page #login_tip h3 {margin:30px 0 10px 0;font-size:11pt;}
#user_page #login_tip ol {
	font-size:10pt;
	padding:10px 5px;
	list-style-type: decimal;
	list-style-position: inside;
}

#user_page form th {font-size:10.5pt;text-align:right;padding:10px;}
#user_page form td {vertical-align:middle;}
#user_page form input.TEXT {font-size:16px;padding:3px;border:1px solid #ccc;}
#user_page form input.TEXT:focus {border:1px solid #40AA53;outline: none;}
#user_page form select {font-size:16px;padding:3px;}
#user_page form input.BUTTON {
	font-size:14px;
	padding:0 5px;
	height:30px;
}
#user_page form input.SUBMIT {font-weight:bold;}